<!--
#game_container{
position:relative;
width:500px;
height:540px;
background-color:black;
border:1px solid red;
overflow:hidden;
}
#game_panel{
position:relative;
width:303px;
height:540px;
border:1px solid blue;
background-color:black;
}

.group{
position:absolute;
width:120px;
height:120px;
display:inline;
top:0;
left:0;
padding:0;
margin:0;
line-height:30px;
font-size:30px;
}



.square{
	position:absolute;
	width:29px;
	height:29px;
}
.blue-square{
	jd_linear_gradient(#BDFFFF,#75C9FF,#4DAAFF,#C6FFFF);
	border:1px solid #2C7DCF;
}	
.green-square{
	jd_linear_gradient(#D3FFD7,#93F399,#6DDA74,#D6FFDB);
	border:1px solid #309C37;
}	
.gray-square{
	jd_linear_gradient(#DFDAD4,#978775,#735F48,#C7BEB3);
	border:1px solid #452D13;
}	
.yellow-square{
	jd_linear_gradient(#FFEFDF,#FFC38E,#FFAD68,#FFE1C2);
	border:1px solid #E28232;
}	
.pink-square{
	jd_linear_gradient(#FFDCFF,#FF95FF,#ED74E2,#FFEBFF);
	border:1px solid #A7439F;
}	
.purple-square{
	jd_linear_gradient(#E9D0FF,#A58CF2,#876ED4,#F9E0FF);
	border:1px solid #6A57A6;
}	
.red-square{
	jd_linear_gradient(#FDDDDD,#E89C9B,#D77877,#FFCECE);
	border:1px solid #9F3B3A;
}	
.red2-square{
	jd_linear_gradient(#FFD9D8,#FF9391,#FF6B69,#FFC8C7);
	border:1px solid #D43331;
}

.bottom-square{
	z-index:1;
	border:1px solid white;
}

.square{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
}
.group,#next,#current_group{
	z-index:100;
	border:0px solid red;
	-webkit-transition: all 0.3s ease;
	-webkit-transform: rotate(0deg);
	-moz-transition: all 0.3s ease;
	-moz-transform: rotate(0deg);
}

#score{
	width:100px;
	height:100px;
	font-size:1.5em;
	position: absolute;
	right:50px;
	top:20px;
	color:red;
}
#nextbk{
	width:180px;
	height:150px;
	background-color:green;
	position:absolute;
	top:75px;
	right:5px;	
}
#help{
	width:150px;
	height:270px;
	background-color:#369;
	position:absolute;
	top:250px;
	right:20px;	
	color:#ccc;
	padding:5px;
}